/* Styling for default blog template.
----------------------------------------------------------

@package:	Atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	10-12-2009
@Changed:	19-03-2010

Copyright 2010 Tim Benniks <tim@timbenniks.nl>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

body {
	background: #fff url(../images/bg.png) repeat-x left top;
	color: #333;
	font: 14px/24px Georgia, Times, serif;
}

aside, header, footer, figure, article {
	display: block !important;
}


/* Typography
---------------------------------------------------------- */

h1 {
	color: #163a51;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 12px 0;
	font-style: normal;
}

	header h1 {
		color: #fff;
		margin: 11px 0 0 0;
		font-size: 27px;
	}
	
	header h1 a,
	header h1 a:focus {
		color: #fff;
		border: none;
	}
	
	header h1 a:hover {
		color: #eee;
	}
	
	header h1 span {
		font-style: italic;
		font-size: .6em;
	}

h2 {
	color: #163a51;
	margin: 0 0 12px 0;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
}

	#sidebar h2 {
		color: #333;
		margin: 0;
	}

h3 {
	font-family: georgia, times, serif;
	font-size: 12px;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	color: #333;
}

h5.chapeau {
	font-variant: small-caps;
	color: #333;
	border-bottom: 1px dotted #333;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
	margin: 0 0 24px 0;
}


a, a:focus {
	color: #154868;
	text-decoration: none;
	border-bottom: 1px dotted #154868;
}

a:hover {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 18px 0;
}

	p.summary {
		font-style: italic;
	}
	
	p.summary:first-letter {
		font-size: inherit;
		font-weight: normal;
		line-height: inherit;
		letter-spacing: 0;
		float: none;
		padding: 0;
		width: auto;
	}
	
	p.summary:first-line,
	p.important:first-line {
		font-variant: normal;
	}
	
	p.important:first-letter {
		font-size: 51px;
		font-weight: normal;
		line-height: 32px;
		letter-spacing: 5px;
		float: left;
		padding: 6px 0 0 0;
		width: auto;
		color: #154868;
		font-family: Georgia, Times, serif;
	}
	
	p.keywords {
		font-size: 12px;
		font-style: italic;
	}
	
.author {
	font-style: italic;
	font-variant: normal;
	text-transform: none;
}

p img, li img {
	margin: 6px 6px 0 0;
}

p img.right, li img.right {
	margin: 6px 0 0 9px;
}

p img.block {
	display: block;
	float: none;
	margin: 0 0 18px 0;
}


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 900px;
}

header {
	height: 48px;
}

#content .padding {
	padding: 0 90px 0 0;
}


/* Footer - see footer navigation styles in the zp-menu.css
------------------------------------------------------ */

footer {
	margin: 47px 0;
	border-top: 1px dotted #333;
	padding: 9px 0 0 0;
}

footer p.footer-blog-title {
	margin: 0;
	font-size: 12px;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #666;
}


/* Lists
---------------------------------------------------------- */

#content ul,
#content ol {
	margin: 0 0 18px 0;
	list-style-position: inside;
	list-style-type: disc;
}

	#content ol {
		list-style-type: decimal;
	}

#content .comments-list {
	list-style: none;
}

.item-list p {
	font-size: 12px;
	margin: 0;
}

	.item-list li {
		margin: 0 0 18px 0;
	}


.simple-list {
	margin: 0 0 18px 0;
}	

    .simple-list ul {
	    margin-left: 9px;
    }

	.simple-list li a {
		font-size: 12px;	
	}
	
.pager li {
	display: inline;
}

	.pager li.disabled {
		display: none;
	}

.images-list {
	margin: 0 0 18px 0;
	list-style: none;
}

	.images-list li {
		margin: 0 0 18px 0;
	}
	
	.images-list li:last-child {
		margin: 0;
	}

	.images-list li img {
		float: none;
		display: block;
		margin: 0;
	}

.shouts-list {
	font-size: 12px;
	line-height: 18px;
	list-style: none;
}

	.shouts-list .tweet-date-time {
		font-style: italic;
		color: #888;
	}


/* Posts
---------------------------------------------------------- */	
	
.post {
	margin: 0 0 36px 0;
}

.post h1 {
	margin: 0;
}
	
	.post h1 a {
		border: none;
	}

.post p:last-child {
	margin: 0;
}

.post .article-meta {
	font-size: 12px;
	font-style: italic;
	margin: 0;
	color: #666;	
}

.post img {
	margin: 6px 6px 0 0;
	display: block;
	float: left;
}

.prevnext {
	margin: 36px 0 0 0;
	overflow: hidden; /* clearfix hack */
}

	.prevnext a {
		font-size: 12px;
		color: #333;
	}
	
		.prevnext a:hover {
			color: #154868;
		}

	.prevnext .prev {
		float: left;
	}
	
	.prevnext .next {
		float: right;
	}


/* Images
---------------------------------------------------------- */

figure.image-wrapper {
	margin: 0 0 18px 0;
	width: 100%;
}

	.block-level-image img {
		display: block;
		margin: 0;
	}

p.image-caption {
	display: block;
	font: 11px/18px arial, helvetica, sans-serif;
	margin: 0;
	color: #666;
}


/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}


/* Comments
---------------------------------------------------------- */
#comments-form input {
	width: 109px;
	margin: 0;
}

#comments-form textarea {
	width: 288px;
	margin: 0;
}

#comments-form label {
	float: none;
	display: block;
	
}
	
	.comments-list li {
		border-bottom: 1px dotted #aaa;
		margin: 0 0 18px 0;
		padding: 0 0 17px 0;
	}
	
		.comments-list li p {
			margin: 0;
		}
		
		.comments-list li h3 {
			font-weight: normal;
			font-style: italic;
			color: #555;
			font-size: 16px;
			line-height: 1;
		}
		
		.comments-list li img {
			margin: 2px 6px 0 0;
		}
		
		.comments-list li .comment-meta {
			font-size: 12px;
			color: #666;
			line-height: 18px;
		}


/* Inline list
---------------------------------------------------------- */
li a.caption {
    font-weight: bold;
}

.inline-list {
	margin: 0 0 18px 0;
    clear: both;
}	

    .inline-list li {
        float: left;
        margin-right: 4px;
    }


	.inline-list li a {
		font-size: 12px;	
	}
